<template>

  <div class="      w-8/12
      bg-gray-100
      mt-8
      pb-8
      px-5
      space-x-5
      rounded-lg
      flex
      shadow-2xl">
      <articles></articles>
      <!-- <p>{{nowUserinfo}}</p> -->
      <sider-bar></sider-bar>
  </div>
</template>
<script>
// import axios from "axios";
import Articles from './Articles.vue'
import SiderBar from '../components/siderbar/SiderBar.vue'

export default {
  name: "ArticleContent",
  components: {
      'articles': Articles,
      SiderBar
  },
  props: {
    // nowUserinfo: {
    //   type: Object,
    //   default: () => ({

    //   })
    // }
  }
};
</script>
<style scoped>
</style>